<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
<title>海苔君</title>
<link rel="stylesheet" href="css/index.css" type="text/css"/>
</head>

<body class="graybg">
<header class="index-header">
	<a href="javascript:;" class="menu-icon"></a>
	<h2 title="MR.HT" id="topNavBtn"><img src="images/index_09.png" width="8" class="sjx" /></h2>
</header>
<div class="top-nav">
	<ul class="tc">
		<li><a href="#" class="on">全部</a></li>
		<li><a href="#">专题</a></li>
		<li><a href="#">兴趣</a></li>
		<li><a href="#">关注</a></li>
		<li><a href="#">收藏</a></li>
		<li>
			<a href="javascript:;" class="close-icon"><img src="images/close_icon.png" width="18" /> </a>
		</li>
	</ul>
</div>
<div class="index-list">
	<div class="list">
		<div class="pic">
			<a href="detail.html"><img src="images/detail_09.jpg" width="100%" /></a>
		</div>
		<div class="p10">
			<div class="g9">2016-02-23 12:23:34</div>
			<a href="detail.html">
				<h3 class="mt5">这里是文章的标题文字</h3>
				<p class="g6 desc">文章的描述文字文章的描述文字文章的描述文字文章的描述文字</p>
			</a>
			<div class="bottom mt10">
			<span class="fr list-opration">
				<a href="javascript:;" class="xin xin-on">23</a>
				<a href="javascript:;" class="com">23</a>
				<a href="javascript:;" class="share">&nbsp;</a>
			</span>
				<img src="images/detail_15.png" class="tx" width="24" height="24" />
				<span class="name">用户名称</span>
			</div>
		</div>
	</div>
	<div class="list">
		<div>
			<video poster="images/detail_09.jpg" webkit-playsinline="true" src="http://200005447.vod.myqcloud.com/200005447_38764dc8c73c11e5b4732d11c2cae25d.f30.mp4"  width="100%" controls></video>
		</div>
		<div class="p10">
			<div class="g9">2016-02-23 12:23:34</div>
			<a href="detail.html">
				<h3 class="mt5">这里是文章的标题文字</h3>
				<p class="g6 desc">文章的描述文字文章的描述文字文章的描述文字文章的描述文字</p>
			</a>
			<div class="bottom mt10">
			<span class="fr list-opration">
				<a href="javascript:;" class="xin">23</a>
				<a href="javascript:;" class="com">23</a>
				<a href="javascript:;" class="share">&nbsp;</a>
			</span>
				<img src="images/detail_15.png" class="tx" width="24" height="24" />
				<span class="name">用户名称</span>
			</div>
		</div>
	</div>
	<div class="list">
		<div class="pic">
			<a href="detail.html"><img src="images/detail_09.jpg" width="100%" /></a>
			<!--<div class="lable lable-right"><b></b><a class="#">这里是具体标点的内容</a></div>-->
			<div class="lable"><b></b><a class="#">这里是具体容</a></div>
		</div>
		<div class="p10">
			<a href="detail.html">
				<div>
					<img src="images/detail_15.png" class="tx" width="24" height="24" />
					<span class="name">用户名称</span>
				</div>
				<p class="g6 desc">文章的描述文字文章的描述文字文章的描述文字文章的描述文字</p>
			</a>
			<div class="bottom mt10 fix">
				<span class="fr list-opration">
					<a href="javascript:;" class="xin xin-on">23</a>
					<a href="javascript:;" class="com">23</a>
					<a href="javascript:;" class="share">&nbsp;</a>
				</span>
				<span class="g9">2016-02-23 12:23:34</span>
			</div>
		</div>
	</div>
	<div class="list my-experience">
		<div class="p10">
			<div class="">
				<img src="images/detail_15.png" class="tx" width="24" height="24" />
				<span class="name">用户名称</span>
				 <span class="g9 ml10">3小时前 发布了一篇心得</span>
			</div>
			<a href="detail.html">
				<h3 class="mt10 tit">这里是文章的标题文字</h3>
				<div class="wuxin fix">
					<span class="on"></span>
					<span class="on"></span>
					<span class="on"></span>
					<span class="on"></span>
					<span class="empty"></span>
				</div>
				<p class="g6 desc">文章的描述文字文章的描述文字文章的描述文字文章的描述文字</p>
			</a>
			<div class="pics">
				<img src="images/index_sub_11.png" width="50" height="50" />
				<img src="images/index_sub_11.png" width="50" height="50" />
				<img src="images/index_sub_11.png" width="50" height="50" />
			</div>
			<div class="bottom mt10 fix">
				<span class="fr list-opration">
					<a href="javascript:;" class="xin">23</a>
					<a href="javascript:;" class="com">23</a>
					<a href="javascript:;" class="share">&nbsp;</a>
				</span>
			</div>
		</div>
	</div>
</div>
<div class="index-fix">
	<ul>
		<li><a href="#" class="find">发现</a></li>
		<li class="add">
			<div class="bg">
				<img src="images/index_23.png" width="5" class="left"/>
				<img src="images/index_26.png" width="5" class="right"/>
				<a href="#">
					<img src="images/index_30.png" width="32" />
				</a>
			</div>
		</li>
		<li><a href="center.html" class="me">我</a></li>
	</ul>
</div>
<div class="pop-bg dn"></div>
<div class="pop dn">
	<a href="javascript:;" id="closePopBtn" class="close"><img src="images/close_icon.png" width="18" /> </a>
	<div class="cont">
		<div class="tip-pic"><img src="images/tip_icon_03.png" width="92" /> </div>
		<p class="wz">不登陆，没人爱</p>
		<div class="mt20">
			<a href="javascript:;" class="yellow-btn">确 定</a>
		</div>
	</div>
</div>
<div class="share-tip dn">
	<img src="images/share_tip_03.png" width="266" />
</div>

<script src="js/sea.js"></script>
<script>
	seajs.config({
		alias:{
			'jquery':'lib/jquery.js',
			'zepto':'lib/zepto.js'
		},
		paths:{
			'basePath':'js/'
		},
		debug:true
	})
	seajs.use("src/index");
</script>
</body>
</html>
